<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>01初始Vue</title>
        <script type="text/javascript" src="../js/vue.js"></script>
        <!-- shortcut icon”这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像,才有必要添加第二行使用icon -->
        <link rel ="shortcut icon" type="image/x-icon" href="../static/vue.jpg">
    </head>

    <body>
        <div id="root"> <!-- 准备好一个容器root -->
            <h1>Hello , {{name}} , {{address.toUpperCase()}}</h1> <!-- toUpperCase():大写 -->
        </div>
    </body>

    <script type="text/javascript">
        Vue.config.productionTip = false //阻止Vue在启动时生成生产提示

        //创建Vue实例
        new Vue({
            el:'#root',
            data:{
                name:'Vue',
                address:'admin'
            }
        })
    </script>
</html>